VSCode 中使用typescript檢視output - Code Runner套件


Posted by mijouhsieh on 2024-01-01

tsc hello.ts

指令意思是,用 typescript compiler 去執行TypeScript的編譯器,編譯hello.ts 檔案,會 產生 hello.js檔案

// hello.ts
// 相減函式
function subtract (num1:number, num2: number) {
  return num1-num2
}
const total = subtract(5,3)
console.log(total)
// hello.js
// 相減函式
function subtract(num1, num2) {
    return num1 - num2;
}
const total = subtract(5, 3);
console.log(total);

Q: 要在哪邊才看到 console.log(total)的輸出結果?

1 安裝VSCode套件

vscode-extension-code-runner.png

2 在js檔 右鍵Run Code快捷鍵: ctrl+alt+n 或 右上角三角形按鈕

就會出現OUTPUT,console結果會在[Running]區塊

vscode-extension-run-code.png


#code runner #VSCode extension







Related Posts

[T-SQL] Cursor範例

[T-SQL] Cursor範例

Web開發學習筆記06 — Function Scope vs. Block Scope、IIFE

Web開發學習筆記06 — Function Scope vs. Block Scope、IIFE

Angular 專案使用 Font Awesome Free Icon

Angular 專案使用 Font Awesome Free Icon


Comments